<template>
<div>
  <top-component></top-component>
  <title-component></title-component>
  <spacing-componengt :message="normalSpacing"
    style="margin-top:5px;"></spacing-componengt>
  <vote-component></vote-component>
  <spacing-componengt :message="smallSpacing"
    style="margin-top: 8px;"></spacing-componengt>
  <small-head :isContent="isContent"
    style="margin-top: 8px;"></small-head>
  <artical-component></artical-component>
</div>
</template>

<script>
import TopComponent from './subComponent/Top.vue'
import TitleComponent from './subComponent/smallTitle.vue'
import SpacingComponengt from './subComponent/Spacing.vue'
import VoteComponent from './subComponent/vote.vue'
import smallHead from './subComponent/smallHead.vue'
import articalComponent from './subComponent/article.vue'
export default {
  data () {
    return {
      normalSpacing: '20px',
      smallSpacing: '10px',
      isContent: true
    }
  },
  methods: {
  },
  watch: {
  },
  components: {
    TopComponent,
    TitleComponent,
    SpacingComponengt,
    VoteComponent,
    smallHead,
    articalComponent
  }
}
</script>

<style lang='scss'>

</style>
